<template>
  <div class="mcontaner">
    <Header></Header>
    <router-view></router-view>
    <Footer></Footer>
  </div>

</template>

<script>
  import Header from "components/Header";
  import Footer from "components/Footer"
  export default {
    name: "blog",
    components: {Header,Footer},
    
  }
</script>

<style lang="scss" scoped>
  .mcontaner{
    box-sizing: border-box;
    max-width: 1260px;
    min-width: 780px;
    width: 85%;
    margin: 0 auto;
    padding: .37037rem .185185rem;
  }

  @media (max-width: 916px) {
    .mcontaner{
      width: 98%;
      min-width: 0;
      overflow: hidden;
      
    }
  }

</style>